@charset:"utf-8";
/******** initiate selector's default style ********/
html,body,div,p,span,h1,h2,h3,h4,h5,blockquote,a,pre,big,small,del,ins,em,strike,sun,sup,b,u,i,ol,ul,li{margin:0;padding:0;border:0;background:transparent;}
body{font-size:80%}


/******** Layout ********/
div#wrapper{
    width:602px;
    margin:30px auto 10px auto;
    border:1px solid #aaa;
}
div#header{
    width:100%;
    height:80px;
    border-bottom:1px solid #aaa;
    padding-bottom:20px;
}


div#nav{
    width:120px;
    float:left;
    min-height:600px;
    
}
div#content{
    width:459px;
    float:right;
    border-left:1px solid #aaa;
    padding-bottom:30px;
}

div#footer{
    clear:both;
    border-top:1px solid #aaa;
    padding-top:15px;
    height:50px;
    margin-bottom:20px;
}

/******** header ********/
div#header h1{
    padding-top:30px;
    border-left:solid 8px #aaa;
    padding-left:4px;
}
div#header small{
    margin-left:40px;
}


/****** nav bar ******/
div#nav ul li{
    list-style:none;
    margin-left:10px;
}
        /** make space **/
div#nav ul li{
    margin-top:10px;
}
div#nav ul li ul li{
    margin-top:0;
}
div#nav ul li h4{
    border-left:solid 4px #ccc;
    padding-left:4px;
    background-color:#eee;
}

/******** content ********/
div#content{
    padding-left:10px;
}

div#content div.article{
    margin-top:30px;
}
        /** first article **/
div#content div.article:first-child{
    margin-top:10px;
}

div#content div.article div.article_header{
    background-color:#eee;
    border-left:solid 8px #ccc;
    padding-left:4px;
}
div#content div.article_metadata{
    margin-left:20px;
}
div#content div.article_metadata ul{
    width:100%;
    display:block;
    float:left;
    margin-bottom:10px;
}
div#content div.article_metadata ul li{
    list-style:none;
    font-size:0.8em;
    float:left;
    margin-right:10px;
}
div#content div.article div.entry p{
    margin-bottom:14px;
    padding-right:14px;
}

div#content div.article div.entry p:first-letter{
    font-size:1.3em;
}

/******** footer ********/
div#footer{
    text-align:center;
}
